<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>OMS订单查询页</title>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link th:href="@{favicon.ico}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>

</head>
<body class="fixed-sidebar full-height-layout" style="overflow: hidden; background-color: #f6f9fe;" th:classappend="|${@config.getKey('sys.index.sideTheme')} ${@config.getKey('sys.index.skinName')}|">
<div style="width: 460px; height: 230px; margin: 200px auto; background: #fff; border-radius: 10px; box-shadow: 0 0 14px 0 rgba(0,0,0,.08); padding: 30px;">
    <div style="width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 24px;">
        <span>订单查询</span>
    </div>
    <div style="width: 100%; height: 50px; font-size: 18px; margin-top: 30px;">
        <label>订单编码：</label>
        <input id="orderNumber" style="width: 300px; height: 30px;">
    </div>
    <div style="width: 100%; height: 50px; margin-top: 10px;">
        <button id="search" class="btn-primary" style="float: right;">立即查询</button>
    </div>
</div>
<!--底部部分开始-->
<div>
    <div class="footer">
        <div class="pull-right">© [[${copyrightYear}]] OMS Copyright </div>
    </div>
</div>
<!--底部部分结束-->
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/oms/js/ry-ui.js}"></script>
<script th:src="@{/oms/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:inline="javascript">
    var prefix = ctx + "order";
    /***
     * 订单信息查询
     */
    $("#search").click(function(){
        let id = $("#orderNumber").val();
        showOrderInfo(id);
    });
    function showOrderInfo(id){
        let url = prefix+'/face/orderInfo?id='+id;
        $.modal.open("订单详情", url, '800', '500');
    }
</script>
</body>
</html>
